<template>
  <view>
    <view class="p-header flex">
      <view class=""></view>
      <view class="h-title">
        {{isRated?'已评分~':'壁纸信息'}}
      </view>
      <view class="closeempty" @click="handlerClosePopup">
        <uni-icons type="closeempty" size="20" color="#909090"></uni-icons>
      </view>
    </view>
  </view>
</template>

<script setup>
  const props = defineProps(['popup', 'isRated']);
  // 事件回调
  // 点击弹窗的叉
  function handlerClosePopup() {
    props.popup.close();
  }
  
  defineExpose({handlerClosePopup});
</script>

<style lang="scss" scoped>
  // 信息弹窗
  .p-header {
    padding: 20rpx;

    .h-title {
      font-size: 24rpx;
      color: $text-color-second;
    }

    .closeempty {
      padding: 5px;
    }

  }
</style>